<template>
	<div class="music2">
		<div class="music2_lef">
			<div class="lef_img">
				<img src="../../assets/img/doumer.png"/>
			</div>
		</div>
		<div class="music2_rig">
			<div @click="onclick" class="rig_top">				
				<p>下载管理<span>(117)</span></p>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'music2',
		methods:{
			onclick(){
				this.$router.push('local')
			}
		}
	}
</script>

<style scoped="scoped" lang="scss">
	.music2{
		width: 100%;
		height: 60px;
		margin-top: 10px;
		display: flex;
		.music2_lef{
			width: 20%;
			display:flex;
			justify-content: center;
			.lef_img{
				width: 35px;
				align-self: center;
				text-align: center;
				img{
					width: 100%;
				}
			}
		}
		.music2_rig{
			width: 80%;
			border-bottom: 1px solid #eff0f1;
			flex-wrap: wrap;
			position: relative;
			display: flex;
			.rig_top{
				float:left;
				align-self:center;
				p{
					display:flex;
					float: left;
					font-size: 20px;
					span{
						color: #979798;
						margin-left: 5px;
						font-size: 14px;
						align-self: center;
					}
				}
			}
		}
	}
</style>